{% extends "layout.html" %}

{% block title %}Modification des offres Mobile{% endblock %}

{% block content %}
<!-- script pour modif odre affichage -->
<script type="text/javascript"> if (window.jQuery == undefined) document.write( unescape('%3Cscript src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E') );</script>
<script type="text/javascript" src="js/vendor/jquery.tablesorter.min.js"></script>
<script>
	$(function(){
  $("#myTable").tablesorter();
});
</script>
<!-- Formulaire de recherche -->
<form method="get">
<fieldset>
		<legend>Recherche d'une offre</legend>
  
		<div class="input-prepend">
            <input name="code_article" id="code_article" type="text" placeholder="Code ou Nom" class="input-medium" /> 
        </div>
            
	
        <div class="input-prepend">
			<button type="submit" class="btn btn-info" name="action" value="search"><i class="icon-search icon-white"></i> Rechercher</button>
		</div>
</fieldset>
</form>
{% if not(session.niveauAuth=='6')and not(session.niveauAuth=='7') %}
<!-- Bouton de création de client -->
<fieldset>
		<legend>Creation rapide</legend>
  
            <a href="vente-offre-mobile-creation" class="btn btn btn-primary"><i class="icon-plus-sign icon-white"></i> Creer une nouvelle offre </a>
  			

</fieldset>			
{% endif %}
<!-- Tableau listant les clients -->
<fieldset>
		<legend>Liste des offres</legend>
		<table class="table table-striped tablesorter" id="myTable" >
		  <thead>
			<tr>
              <th>Code Article</th>
			  <th>Nom de l'offre</th>
	<!--    <th>Temps</th>
              <th>SMS</th>
              <th>DATA</th>
     -->
              <th> P.V 0M sans équipement    </th>
              <th> P.V 0M avec équipement </th>
              <th> P.V 12M sans équipement        </th>
              <th> P.V 12M avec équipement  </th>
              <th> P.V 24M sans équipement           </th>
              <th> P.V 24M avec équipement  </th>
              <th> P.V 36M sans équipement            </th>
              <th> P.V 36M avec équipement </th>
              

			  <th></th>
			</tr>
		  </thead>
		  <tbody>
			{% for offre in offres %}
			<tr>
				<td>{{offre.code_article}}</td>
				<td>{{offre.nom}}</td>
			<!--
				<td>{{offre.temps}}</td>
                <td>{{offre.sms}}</td>
                <td>{{offre.data}}</td>
             -->
                <td>{{offre.pv0m_prix_seul|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv0m_avec_equipement|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv12m_prix_seul|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv12m_avec_equipement|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv24m_prix_seul|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv24m_avec_equipement|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv36m_prix_seul|number_format(2, '.', ' ')}} €</td>
                <td>{{offre.pv36m_avec_equipement|number_format(2, '.', ' ')}} €</td>
				<td>
					<div class="btn-group">
					  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Actions
						<span class="caret"></span>
					  </a>
					  <ul class="dropdown-menu">
							<li><a href="vente-offre-mobile-modif?id={{offre.id}}"><i class="icon-edit"></i> Modification</a></li>
							{% if not(session.niveauAuth=='6')and not(session.niveauAuth=='7') %}
							<li><a href="vente-offre-mobile?action=delete&id={{offre.id}}"><i class="icon-trash"></i> Suppression</a></li>
					  {% endif %}
					  </ul>
					</div>
				</td>
			</tr>
			{% endfor %}
		  </tbody>
		</table>
</fieldset>
    
{% endblock %}
	
